<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Airbnb爱彼迎 - 全球民宿_公寓_短租_住宿_预订平台</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/tsk.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/lunbo.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.min.js"></script>
    <script src="js/base.js" type="module"></script>
    <script src="js/request.js" type="module"></script>
    <script src="js/index.js" type="module"></script>
    <script src="js/lunbo.js" type="module"></script>
</head>

<body>
    <div class="PromptBox"></div>

    <div class="main" style="display: block;">

        <div class="fixbox">
            <div class="mainbody">
                <!-- 导航 -->
                <div class="nav">
                    <div class="nav-l">
                        <a href="index.html"><img src="picture/logo.png" alt=""></a>
                    </div>
                    <div class="nav-m">
                        <div class="navbox">
                            <div class="navbox-1">全球</div>
                            <span></span>
                            <div class="navbox-2">入住退房日期</div>
                            <span></span>
                            <div class="navbox-3">
                                <span>关键字</span>
                                <div>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"
                                        style="display:block;fill:none;height:12px;width:12px;stroke:currentColor;stroke-width:5.333333333333333;overflow:visible"
                                        aria-hidden="true" role="presentation" focusable="false">
                                        <path fill="none" d="M13 24a11 11 0 1 0 0-22 11 11 0 0 0 0 22zm8-3 9 9"></path>
                                    </svg>
                                </div>
                            </div>
                        </div>
                        <div class="navbox1" style="display: none;">
                            <div class="navbox1-l">
                                搜索房源
                            </div>
                            <div class="navbox1-r">
                                搜索体验
                            </div>
                        </div>
                    </div>
                    <div class="nav-r">
                        <div class="nav-r-2">
                            <div class="nav-r-2-svg1">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                    role="presentation" focusable="false"
                                    style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                                    <g fill="none">
                                        <path d="M2 16h28M2 24h28M2 8h28"></path>
                                    </g>
                                </svg>
                            </div>
                            <div class="nav-r-2-svg2">
                                <img src="https://z1.muscache.cn/defaults/user_pic-50x50.png?v=3&im_w=240" alt="">
                            </div>
                        </div>
                        <div class="nav-r-1">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; height: 16px; width: 16px; fill: currentcolor;">
                                <path
                                    d="M8 .25a7.77 7.77 0 0 1 7.75 7.78 7.75 7.75 0 0 1-7.52 7.72h-.25A7.75 7.75 0 0 1 .25 8.24v-.25A7.75 7.75 0 0 1 8 .25zm1.95 8.5h-3.9c.15 2.9 1.17 5.34 1.88 5.5H8c.68 0 1.72-2.37 1.93-5.23zm4.26 0h-2.76c-.09 1.96-.53 3.78-1.18 5.08A6.26 6.26 0 0 0 14.17 9zm-9.67 0H1.8a6.26 6.26 0 0 0 3.94 5.08 12.59 12.59 0 0 1-1.16-4.7l-.03-.38zm1.2-6.58-.12.05a6.26 6.26 0 0 0-3.83 5.03h2.75c.09-1.83.48-3.54 1.06-4.81zm2.25-.42c-.7 0-1.78 2.51-1.94 5.5h3.9c-.15-2.9-1.18-5.34-1.89-5.5h-.07zm2.28.43.03.05a12.95 12.95 0 0 1 1.15 5.02h2.75a6.28 6.28 0 0 0-3.93-5.07z">
                                </path>
                            </svg>
                        </div>
                        <a href="publish.html" class="add_fangyuan" style="display: none;">发布房源</a>


                        <div class="nav_box">
                            <a href="order.html">订单</a>
                            <a href="wish.html">心愿单</a>
                            <a href="lodger.html">账号</a>
                            <a href="login.html">退出</a>
                        </div>
                    </div>
                </div>

                <!-- 搜索 -->
                <div class="search" style="display: none;">
                    <div class="search-m">
                        <div class="search-1">
                            <p>城市</p>
                            <p>全球</p>
                        </div>
                        <span></span>
                        <div class="search-2">
                            <p>入住退房日期</p>
                            <p>请在日历中选择</p>
                        </div>
                        <span></span>
                        <div class="search-3">
                            <p>关键词</p>
                            <input type="text" name="" id="nav" placeholder="景点/地址/房源名">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"
                                    style="display:block;fill:none;height:12px;width:12px;stroke:currentColor;stroke-width:5.333333333333333;overflow:visible"
                                    aria-hidden="true" role="presentation" focusable="false">
                                    <path fill="none" d="M13 24a11 11 0 1 0 0-22 11 11 0 0 0 0 22zm8-3 9 9"></path>
                                </svg>
                                <span>搜索</span>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="search-b" style="display: none;">
                <div class="search-b-t">
                    <img class="idn60a5 dir dir-ltr"
                        src="https://z1.muscache.cn/pictures/carson/carson-1663234384100-9ee8a1cc/original/3403bb7e-0d7c-486c-b9bf-3c9a5f21d4a8.png"
                        alt="特色">
                    <span>特色</span>
                </div>
                <div class="search-b-m">
                    <ul>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/c5a4f6fc-c92c-4ae8-87dd-57f1ff1b89a6.jpg">
                            <span>OMG 妙啊</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/1b6a8b70-a3b6-48b5-88e1-2243d9172c06.jpg">
                            <span>城堡</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/4d4a4eba-c7e4-43eb-9ce2-95e1d200d10e.jpg">
                            <span>树屋</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/8b44f770-7156-4c7b-b4d3-d92549c8652f.jpg">
                            <span>北极风光</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/50861fca-582c-4bcc-89d3-857fb7ca6528.jpg">
                            <span>大师设计</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/5cdb8451-8f75-4c5f-a17d-33ee228e3db8.jpg">
                            <span>风车小屋</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/51f5cf64-5821-400c-8033-8a10c7787d69.jpg">
                            <span>韩屋</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/c027ff1a-b89c-4331-ae04-f8dee1cdc287.jpg">
                            <span>床屋</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/d7445031-62c4-46d0-91c3-4f29f9790f7a.jpg">
                            <span>生态土屋</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/7ff6e4a1-51b4-4671-bc9a-6f523f196c61.jpg">
                            <span>摩洛哥传统庭院</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/9a2ca4df-ee90-4063-b15d-0de7e4ce210a.jpg">
                            <span>原生态</span>
                        </li>
                        <li>
                            <img alt="" class="ip9sapq dir dir-ltr"
                                src="https://a0.muscache.com/pictures/31c1d523-cc46-45b3-957a-da76c30c85f9.jpg">
                            <span>房车</span>
                        </li>
                    </ul>
                </div>
            </div> -->
                </div>
                <div class="search-b" style="display: none;">
                    <div class="search-b-t">
                        <img class="idn60a5 dir dir-ltr"
                            src="https://z1.muscache.cn/pictures/carson/carson-1663234384100-9ee8a1cc/original/3403bb7e-0d7c-486c-b9bf-3c9a5f21d4a8.png"
                            alt="特色">
                        <span>特色</span>
                    </div>
                    <div class="search-b-m">
                        <ul>

                        </ul>
                    </div>
                </div>
                <div class="mask" style="display: none;"></div>
                <div class="mask masksearch" style="display: none;"></div>
            </div>
        </div>

        <div class="mainbody">

            <!-- 主页轮播图部分 -->
            <div class="main_lun">
                <div class="banner">
                    <!-- 左侧按钮 -->
                    <a href="javascript:;" class="left">&lt</a>
                    <!-- 右侧按钮 -->
                    <a href="javascript:;" class="right">&gt</a>
                    <div class="middle">
                        <div class="mid-body">
    
                        </div>
                        <ol class="caro-cle-b">
                            <!-- <li class="lunbo_current"></li>
                    <li></li> -->
                        </ol>
                    </div>
                </div>
            </div>

            <!-- 主展示模块 -->
            <div class="keybody">
                <ul class="keywords">
                    <li>
                        <a href="#" class="keywords_current">
                            <img class="isy7598 dir dir-ltr"
                                src="https://z1.muscache.cn/pictures/carson/carson-1663841385745-b016aed0/original/5dc7cf4d-a52e-401c-9c74-7223eefecf9a.png"
                                alt="" width="24" height="24">
                            <span id="all">全部</span>
                        </a>
                    </li>
                </ul>
                <div class="lazybox">
                    <!-- <div class="lazyitem clearfix">
                        <div class="lazymask"></div>
                        <div class="lazyimg">
                            <button aria-label="添加至心愿单" data-testid="listing-card-save-button" type="button" class="l1ovpqvx bq05a0m vq7srz5 dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation" focusable="false" style="display: block; fill: rgba(0, 0, 0, 0.5); height: 24px; width: 24px; stroke: var(--f-mkcy-f); stroke-width: 2; overflow: visible;"><path d="M16 28c7-4.73 14-10 14-17a6.98 6.98 0 0 0-7-7c-1.8 0-3.58.68-4.95 2.05L16 8.1l-2.05-2.05a6.98 6.98 0 0 0-9.9 0A6.98 6.98 0 0 0 2 11c0 7 7 12.27 14 17z"></path></svg></button>
                        </div>
                        <div class="lazy_bot">
                            <div class="title">广工豪华住宅</div>
                            <div class="introduce">大豪asdasdasdasda斯</div>
                            <div class="star">
                                <span class="s1r2lfp0 dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation" focusable="false" style="display: block; height: 12px; width: 12px; fill: currentcolor;"><path fill-rule="evenodd" d="m15.1 1.58-4.13 8.88-9.86 1.27a1 1 0 0 0-.54 1.74l7.3 6.57-1.97 9.85a1 1 0 0 0 1.48 1.06l8.62-5 8.63 5a1 1 0 0 0 1.48-1.06l-1.97-9.85 7.3-6.57a1 1 0 0 0-.55-1.73l-9.86-1.28-4.12-8.88a1 1 0 0 0-1.82 0z"></path></svg></span>
                                <span>5.00</span>
                            </div>
                            <div class="price">￥<span>20</span>/每晚</div>
                        </div>
                    </div> -->
                    <div class="loaderbody">
                        <span>&nbsp;</span>
                        <div class="loaderbox">
                            <div class="loader"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="searchthing" style="display: none;">
                <button>返回首页</button>
                <h2>搜索结果如下</h2>
                <div class="searchthing_box"></div>

                <div class="searching_no" style="display: none; font-size: 32px; color: #222;font-weight: 700;">没有该类型的房源
                </div>
            </div>


            <!-- 底部 -->
            <div class="footer" style="display: none;">
                <div class="footer-l">
                    <span><a href="http://www.weibo.com/airbnb" target="_blank" rel="noopener noreferrer"
                            class="_1rp5252" aria-busy="false" itemprop="sameAs" style="padding: 0px; margin: 0px;"><svg
                                viewBox="0 0 32 32" role="img" aria-hidden="false" aria-label="前往微博" focusable="false"
                                style="height: 20px; width: 20px; display: block; fill: currentcolor;">
                                <path
                                    d="m30.85 14.19c-.15.61-.85.98-1.46.77-.64-.22-.97-.86-.76-1.5.67-2.14.27-4.05-1.21-5.7-1.37-1.56-3.5-2.17-5.47-1.78-.64.15-1.25-.28-1.37-.89-.15-.64.27-1.29.88-1.41 2.77-.61 5.68.31 7.72 2.51 1.97 2.24 2.55 5.33 1.67 8zm-4.77-5.18c-.95-1.11-2.4-1.53-3.74-1.25-.52.12-.88.61-.79 1.2.12.58.64.92 1.22.8.7-.15 1.31.06 1.82.61.49.58.61 1.23.39 1.9-.15.58.15 1.13.67 1.29a1.02 1.02 0 0 0 1.25-.67c.46-1.44.18-2.73-.82-3.86zm-9.33 13.42c-1 2.33-3.95 3.62-6.5 2.79-2.43-.77-3.53-3.22-2.43-5.42 1.06-2.11 3.8-3.31 6.2-2.69 2.52.64 3.74 3 2.73 5.33zm-5.13-1.81c-.82-.34-1.79 0-2.28.77s-.24 1.68.52 2.05 1.85 0 2.34-.77c.49-.83.24-1.72-.58-2.05zm1.94-.8c-.76-.34-1.37.8-.64 1.07.33.15.64.06.88-.31.15-.34.09-.64-.24-.77zm-.03 6.83c-5.08.52-9.45-1.78-9.79-5.18-.34-3.34 3.49-6.47 8.57-6.99 5.1-.49 9.45 1.84 9.78 5.18.34 3.34-3.55 6.5-8.57 6.99zm10.12-11.14c-.18-.03-.3-.09-.39-.13-.15-.09-.27-.28-.12-.64.52-1.32.55-2.36.03-3.06-1.06-1.44-3.68-1.38-6.81-.06l-.24.09c-.34.12-.67.03-.52-.43.52-1.66.4-2.85-.3-3.62-.89-.86-2.28-.89-4.23-.12-3.92 1.56-10.43 7.35-10.43 12.75 0 1.63.64 3.1 1.91 4.35 2.53 2.57 6.66 3.86 10.95 3.86 3.98 0 7.75-1.23 10.09-2.94 2.31-1.72 3.77-3.86 3.77-5.82 0-2.12-1.67-3.59-3.71-4.23z"
                                    fill-rule="evenodd"></path>
                            </svg></a></span>
                    <span>
                        <svg viewBox="0 0 32 32" role="presentation" aria-hidden="true" focusable="false"
                            style="height: 20px; width: 20px; display: block; fill: rgb(34, 34, 34);">
                            <path
                                d="m25.09 19.47c-.62 0-1.11-.53-1.08-1.16.02-.59.52-1.08 1.1-1.08.62.01 1.11.54 1.09 1.17a1.08 1.08 0 0 1 -1.1 1.07zm-6.89.01a1.12 1.12 0 0 1 -1.11-1.08 1.13 1.13 0 0 1 1.12-1.16c.62 0 1.13.53 1.1 1.17a1.12 1.12 0 0 1 -1.11 1.07zm-1.31-5.54c-4.74 3.15-5.33 9.05-1.23 12.9 2.15 2.02 4.77 2.85 7.68 2.54.96-.1 1.92-.64 2.84-.54s1.78.73 2.72 1.16c-.43-1.74-.44-2.47.48-3.3 3.16-2.85 3.46-7.35.87-10.74-2.97-3.89-9.15-4.82-13.36-2.02zm-9.74-2.66a1.32 1.32 0 0 1 -1.3-1.38 1.34 1.34 0 0 1 1.39-1.31c.73.02 1.34.67 1.32 1.39a1.36 1.36 0 0 1 -1.4 1.3zm9.89-1.36c.01.77-.56 1.36-1.32 1.37a1.35 1.35 0 0 1 -1.38-1.33c-.01-.72.61-1.36 1.34-1.37a1.33 1.33 0 0 1 1.36 1.33zm5.18 1.29a9.07 9.07 0 0 0 -1.85-4.76c-2.88-3.82-8.21-5.42-12.95-3.85-3.47 1.15-6.03 3.36-7.07 7-1.13 3.94.38 7.76 3.95 10.32.56.4.7.96.52 1.57-.25.83-.45 1.48-.66 2.47 1.17-.74 2.16-1.41 3.2-2 .31-.18.75-.22 1.11-.19 1.06.09 2.12.25 3.28.4-.27-3.17.7-5.72 2.82-7.81 2.1-2.07 4.68-2.98 7.65-3.14z"
                                fill-rule="evenodd"></path>
                        </svg>
                    </span>
                    <span>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"
                            role="presentation" focusable="false"
                            style="display: block; height: 16px; width: 16px; fill: currentcolor;">
                            <path
                                d="M8 .25a7.77 7.77 0 0 1 7.75 7.78 7.75 7.75 0 0 1-7.52 7.72h-.25A7.75 7.75 0 0 1 .25 8.24v-.25A7.75 7.75 0 0 1 8 .25zm1.95 8.5h-3.9c.15 2.9 1.17 5.34 1.88 5.5H8c.68 0 1.72-2.37 1.93-5.23zm4.26 0h-2.76c-.09 1.96-.53 3.78-1.18 5.08A6.26 6.26 0 0 0 14.17 9zm-9.67 0H1.8a6.26 6.26 0 0 0 3.94 5.08 12.59 12.59 0 0 1-1.16-4.7l-.03-.38zm1.2-6.58-.12.05a6.26 6.26 0 0 0-3.83 5.03h2.75c.09-1.83.48-3.54 1.06-4.81zm2.25-.42c-.7 0-1.78 2.51-1.94 5.5h3.9c-.15-2.9-1.18-5.34-1.89-5.5h-.07zm2.28.43.03.05a12.95 12.95 0 0 1 1.15 5.02h2.75a6.28 6.28 0 0 0-3.93-5.07z">
                            </path>
                        </svg>
                    </span>
                    <span>简体中文 (CN)</span>
                    <span>￥ CNY 支持和资源</span>
                </div>
                <div class="footer-r">
                    <p>京ICP备16017121号京ICP证 160773号·京公网安备 11010502032345号·安彼迎网络（北京）有限公司·营业执照</p>
                    <p>© 2023 Airbnb, Inc. All rights reserved.·条款·隐私政策·网站地图·全国旅游投诉渠道 12345</p>
                </div>
            </div>


            <div class="wishmask" style="display: none;"></div>
            <!-- 心愿单 -->
            <div class="wishbox" style="display: none;">
                <div class="wishbox_t">
                    <div class="w_close">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                            role="presentation" focusable="false"
                            style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                            <path d="m6 6 20 20M26 6 6 26"></path>
                        </svg>
                    </div>
                    添加至心愿单
                    <div class="allcheck">
                        <input type="checkbox" name="" id="2" class="checkbox wish_checkbox">
                    </div>
                </div>
                <div class="wishbox_m">
                    <div class="wishbox_m_body">
                        <!-- <div class="wishbox_li">
                            <label for="${wisharr[index].id}">
                                <input type="checkbox" name="" id="${wisharr[index].id}" class="checkbox wish_checkbox">
                                <div class="wish_mask" id="${wisharr[index].id}"></div>
                                <div class="wishbox_li_t">
                                    <div class="wishbox_li_tn">
                                    </div>
                                </div>
                                <div class="wishbox_li_b">
                                    <div class="wishbox_li_b_t">${wisharr[index].name}</div>
                                    <div class="wishbox_li_b_b"><span>${wisharr[index].count}</span>心愿单项目</div>
                                </div>
                            </label>
                        </div> -->
                    </div>
                </div>
                <div class="wishbox_b">
                    <div class="wishbox_b_box">创建新的心愿单</div>
                    <div class="wishbox_b_box wishbox_b_com">完成</div>
                </div>
            </div>



            <!-- 创建心愿单 -->
            <div class="wishcreate" style="display: none;">
                <div class="wishbox_t">
                    <div class="w_close w_close_c">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                            role="presentation" focusable="false"
                            style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                            <path d="m6 6 20 20M26 6 6 26"></path>
                        </svg>
                    </div>
                    创建心愿单
                </div>
                <div class="wishcreate_m">
                    <div class="wishcreate_m_t" style="width: 552px;height: 50px;padding: 0;">
                        <div class="wishcreate_m_name" style="top: 11px;">名称</div>
                        <input type="text" style="margin: 22px 12px 6px;">
                    </div>
                    <div class="wishcreate_m_b">
                        <span class="min_num">0</span>/<span class="max_num">50</span>个字符
                    </div>
                </div>
                <div class="wishcreate_b" style="border-top: 1px solid #ddd;">
                    <div class="wishcreate_b_l">
                        清除
                    </div>
                    <div class="wishcreate_b_r">
                        创建
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>